<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>

<body>
    <!-- cellspacing 表示单元格之间的距离,cellpadding表示内容与边框的距离 -->
    <table border="1px" cellspacing="0px" width="300px" cellpadding="20px">
        <!-- rowspan表示要合并的行的个数 -->
        <tr>
            <!-- colspan指定要合并的列的个数,align表示对齐方式 -->
            <td colspan="2" align="center">aaa</td>
            <td>bbb</td>
            <!-- <td>ccc</td> -->
        </tr>
        <tr>
            <td rowspan="2">ddd</td>
            <td>eee</td>
            <td>fff</td>
        </tr>
        <tr>
            <td>ddd</td>
            <td>eee</td>
            <td>fff</td>
        </tr>
    </table>

    <!-- align加在td里表示单元格内容居中,加载table里表示表格居中 -->
    <table border="1px" cellspacing="0px" width="300px" cellpadding="20px" align="center">
        <tr>
            <td>aaa</td>
            <td>bbb</td>
        </tr>
        <tr>
            <td>ccc</td>
            <td>ddd</td>
        </tr>
        <tr>
            <td>eee</td>
            <td>fff</td>
        </tr>
    </table>
</body>

</html>